import { List, TextareaItem, WhiteSpace, InputItem, Button, Picker, Flex } from 'antd-mobile';
import { createForm } from 'rc-form';

const Item = List.Item;
const Brief = Item.Brief;

class LoginT extends React.Component {
  state={
    bkxxfsm:'',
    ksfsm:'',
    zxjh:''
  }
  render() {
    const name = this.props.nodeName;
    const { getFieldProps } = this.props.form;
    const studyType  = [ {value:'1',label:'全日制'},{value:'2',label:'非全日制'} ],
          examType = [ {value:'1',label:'夏令营考核'},{value:'2',label:'常规考核'} ],
          planType = [ {value:'0',label:'无专项计划'} ,{value:'4',label:'少数民族骨干计划'},{value:'7',label:'退役大学生计划'} ]
    return (
      <div className={name}>
        <h2 className="step-title">{this.props.title}</h2>

        <WhiteSpace />


        <List>
          <InputItem
            placeholder=""
            name="bkyxsmc"
          >报考院系所名称</InputItem>
        </List>
        <WhiteSpace />


        <List>
          <InputItem
            placeholder=""
            name="bkzymc"BKZYMC
          >报考专业名称</InputItem>
        </List>
        <WhiteSpace />

        <List>
          <Picker
            data={studyType}
            cols={1}
            value={this.state.bkxxfsm}
            onChange = { v => this.setState({ bkxxfsm: v })}
            className="forss">
            <List.Item arrow="horizontal">报考学习方式</List.Item>
          </Picker>
          <input type="hidden" value={ this.state.bkxxfsm } name="bkxxfsm"></input>
        </List>
        <WhiteSpace />

        <List>
          <Picker
            data={examType}
            cols={1}
            onChange = { v => this.setState({ ksfsm: v })}
            value={this.state.ksfsm}
            className="forss">
            <List.Item arrow="horizontal">考试方式码</List.Item>
          </Picker>
          <input type="hidden" value={ this.state.ksfsm } name="ksfsm"></input>
        </List>
        <WhiteSpace />

        <List>
          <Picker
            data={planType}
            cols={1}
            value={this.state.zxjh}
            onChange = { v => this.setState({ zxjh: v })}
            className="forss">
            <List.Item arrow="horizontal">专项计划</List.Item>
          </Picker>
          <input type="hidden" value={ this.state.zxjh } name="zxjh"></input>
        </List>
        <WhiteSpace />

        <Button className="btn" type="primary">添加科目</Button>

        <WhiteSpace />

      </div>
    );
  }
}

const Step9 = createForm()(LoginT);

export default Step9
